<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>恒巨教育</title>
    <link rel="stylesheet" href="../utils/layui/css/layui.css" />
    <link rel="stylesheet" href="../utils/iconfont/iconfont.css">
    <!-- <link rel="stylesheet" href="../utils/css/pingFangFont.css"> -->
    <link rel="stylesheet" href="../css/style.css" />
</head>

<body>
            <!-- <iframe src="" width="100%" height="100%" scrolling="yes" class="listTop dn" id="newAswer"></iframe> -->
            <div class="pageRightContent" style="display: block">
                <!-- 班级列表 -->
                <div class="getClassHour" style="display: block">
                    <div class="pageRightContentOne getClassHour">
                        <span>当前课程：</span>
                        <button id="addClassHourBtn" class="layui-btn domeBtn addClassHourBtn">添加</button>
                    </div>
                    <table class="pageRightContentTable" border="0" style="width: 100%;">
                        <thead>
                            <th><span class="layui-form"><input type="hidden" name="" title="全选"
                                        lay-skin="primary"></span></th>
                            <th>课时</th>
                            <th>名称</th>
                            <th>课程时长</th>
                            <th>更新时间</th>
                            <th>操作</th>
                        </thead>
                        <tbody>
                            <!-- 生成课时列表 -->
                        </tbody>

                    </table>
                    <div id="test2"></div>
                </div>
                <!-- 班级列表添加 -->
                <div class="addClassHour xs" style="display: none">
                    <form class="layui-form " id="addform">
                        <div class="layui-form-item">
                            <label class="layui-form-label">课时：</label>
                            <div class="layui-input-block className">
                                <input id="className" type="text" name="classroomName" placeholder="请输入章节名称"
                                    class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">课时视频链接：</label>
                            <div class="layui-input-block classPrice">
                                <input id="classPrice" type="text" name="price" placeholder="请输入视频链接"
                                    class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">课程开始时间：</label>
                            <span type="text" id="testView" class="chooseTime">开始时间<span class="iconfont icon-rili timeIcon"></span></span>
                            <div id="test2" style="display: none;" class="timeTable"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">课程时长：</label>
                            <div class="layui-input-block className videoTime">
                                <input id="classHouerTime" type="text" name="classroomName" placeholder="请输入视频时长"
                                    class="layui-input" />
                            </div>
                        </div>
                        <div class="classroomListAddBtn">
                            <input id="classHourId" type="hidden" value="">
                            <button id="addBtn" class="layui-btn domeBtn">添加</button>
                            <button id="saveBtn" class="layui-btn domeBtn" style="display:none">保存</button>
                            <button class="layui-btn backBtn domeBtn2">取消</button>
                        </div>
                    </form>
                </div>
                <!-- 课程添加成功页面 -->
                <div class="AddSuccess" style="display: none">
                    <div class="SuccessIcon">
                        <div></div>
                    </div>
                    <span>课时添加成功</span>
                    <span>课时添加成功，若要继续添加课时请选择继续添加</span>
                    <div>
                        <button class="layui-btn domeBtn addClassBtn">继续添加</button>
                        <button class="layui-btn domeBtn2 returnClassBtn">返回列表</button>
                    </div>
                </div>
            </div>
</body>

</html>
<script src="../utils/js/jquery-3.3.1.min.js"></script>
<script src="../utils/layui/layui.all.js"></script>
<script src="../js/getClassHour.js"></script>